<template>
  <div class="detailVideoContent">
    <p>{{ videoItem.title }}</p>
    <video
      id="iku7opzcmtetpe0"
      playsinline=""
      controls=""
      disablepictureinpicture=""
      controlslist="nodownload"
      width="100%"
    >
      <source :src="videoItem.videoUrl" />
      Video element is not supported in this browser.
    </video>
  </div>
</template>

<script>
export default {
  props:{
    videoItem:{
      type:Object,
      default() {
        return {}
      }
    }
  },
  data() {
    return {};
  },
};
</script>

<style scoped>
.detailVideoContent p{
  font-size: 12px;
  margin: 20px 0px;
}
</style>
